<!doctype>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Welcome</title>
    <style>
        body{
            padding: 0;
            margin: 0;
        }
        p {
            line-height:1.5;
        }
        .content {
            padding: 24px;
        }
        .image {
            display: flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            padding-top:32px;
            padding-bottom:32px;
        }
    </style>
</head>
<body>
<div class="content">
    <h1>Create archive</h1>
    <p>
        As a compressed file manager, this project can certainly create compressed files.
    </p>
    <div class="image">
        <img style="width:80%;max-width: 740px" src="" />
    </div>
    <p>
        At present, there are not many formats that support creation.
        In the future, more and more formats that can be created will gradually be added.
        The operation of creating compressed files is very simple. Click the "Create" button (the one circled) on the starting page,

        And select a format you want to create from the pop-up menu. Next,
        you will see a new window where you can select the file or directory you want to compress,
        fill in the necessary parameters, and click "OK"

        At this point, the creation process will begin.
    </p>
    <div class="image">
        <img style="width:80%;max-width: 740px" src="" />
    </div>
    <p>
        The highlighted parts are the buttons for selecting directories and selecting files.
        If you want to compress a directory, please click the button on the left.
        If you want to compress a file, please use the button on the right.
    </p>
</div>
</body>
</html>